<template>
	<view>

		<view class="lrCheckTasks">
			<view class="lrCheckTasksText">审批流程</view>
			<view v-for="(item,index) in  lrCheckTasks" :key="index" class="lrCheckTasksContent">
				<view class="icon">
					<view class="iconimage">
						<image src="../../static/me/logos.png"></image>
					</view>
					<view class="icontext">{{item.fOperatorname}}</view>
				</view>
				<view class="taskModle">
					<view class="taskCompany">

						<view>{{item.fOperatordates|load}}</view>
						<!-- {{item.fOperation|load}} -->
						<view
							style="width: 250rpx;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;flex: 1;">
							 {{item.fOpinion|load}}</view>
							 <!-- {{item.fOpinion}} -->
						<!-- <view>{{item.checkCompany|load}}</view> -->
					</view>
					<view class="taskStatus">{{item.fOperation}}</view>
				</view>

			</view>
			<view class="cu-form-group" >
			</view>
			<view class="cu-form-group" style="margin-bottom: 120upx;">
			</view>
		</view>
	</view>
</template>
<script>
	// import fromItem from '@/components/from-item/from-item.vue';
	export default {

		props: {

			lrCheckTasks: {
				type: Array,
				default: function() {
					return []
				}
			},

		},
		data() {
			return {
				// page: false,
				// isShows: false,
				// markers:[],
				// activeTopTemp: this.companySelect,

			}
		},
		components: {
			// fromItem
		},
		watch: {

			// lrCheckSample(e) {
			// 	console.log(e)
			// 	var markers = [];
			// 	markers = markers.concat({
			// 		iconPath: require('../../static/position.png'),
			// 		latitude: e.fLatitude, //纬度
			// 		longitude: e.fLongitude //经度
			// 	});
			// 	this.markers = markers;
			// 	this.page=true
			// 	// this.activeTopTemp = e
			// },

		},
		filters: {
			load: function(e) {
				// console.log(e)
				var data;
				if (e == "") {
					data = "数据生成中..."

				} else {
					data = e
				}
				return data
			}
		},
		methods: {


			// 检查发现问题
			// test() {
			// 	this.isShows = !this.isShows;
			// },
			// pdfPage(name, url) {

			// 	// console.log(123,name, url)
			// 	var aa = url;
			// 	let links = encodeURIComponent(aa);
			// 	console.log(links);
			// 	uni.navigateTo({
			// 		url: '/pages/pdf/pdf?links=' + links + '&names=' + name
			// 	});
			// },
			// treeConfirm(e) {
			// 	// console.log(e)
			// 	var id;
			// 	var that = this
			// 	if (e[0].f_CompanyId != "") {
			// 		that.activeTopTemp = e[0].f_FullName
			// 		// 
			// 		id = e[0].f_CompanyId
			// 		// console.log(id)

			// 		this.$emit('selectYse', id)

			// 		// this.getListData(this.Inv, that.companyId, that.text)
			// 	} else {
			// 		uni.showToast({
			// 			title: '请重新选择',
			// 			duration: 2000,
			// 			icon: 'none'
			// 		})
			// 	}


			// },

		}
	}
</script>
<style lang="less">
	// @import '../../components/s-calendar/icon.css';
	@import (less) '../../static/lx-calendar/fonts/iconfont.css';

	/* 按钮 */
	// .card {


	// 	.card-view {
	// 		width: 100%;

	// 		display: flex;
	// 		justify-content: center;
	// 		font-size: 30rpx;
	// 		color: #989898;
	// 		padding: 0rpx;
	// 		padding-bottom: 0;
	// 		background-color: #fff;
	// 	}
	// }

	// .icon-fanhui::before {
	// 	content: '';
	// 	color: #a7a7a7;
	// 	font-weight: 700;
	// }

	// .icon {
	// 	display: block;

	// 	.next {
	// 		transform: rotate(180deg);
	// 		display: block;
	// 	}
	// }

	// .show-list {
	// 	height: 0;
	// }

	// .retract {
	// 	display: flex;
	// 	justify-content: center;
	// 	align-items: center;
	// 	height: 80rpx;

	// 	.iconfont {
	// 		transform: rotate(90deg);

	// 		&.retract_icon {
	// 			transform: rotate(270deg);
	// 		}
	// 	}
	// }

	// .animation {
	// 	transition-property: all;
	// 	transition-duration: 0.5s;
	// 	transition-timing-function: ease;
	// }

	// .moreQuestion {
	// 	display: flex;
	// 	height: 100upx;
	// 	justify-content: space-between !important;
	// 	padding: 0px 60upx !important;
	// 	padding-right: 30upx !important;
	// 	border-top: 1upx solid #eee;

	// 	text {
	// 		display: block;

	// 	}


	// }

	/* 按钮 */
	// 巡查整改人员流程
	.lrCheckTasks {
		margin-top: 30upx;

		.lrCheckTasksText {
			color: #515a6e;
			font-size: 28upx;
			font-weight: 700;
			padding: 0 30upx;
			margin-top: 15upx;
			background-color: #fff;
			line-height: 70upx;
		}

		.lrCheckTasksContent {
			background-color: #fff;
			display: flex;
			margin: 15upx 0;
			padding: 20upx 40upx 20upx 30upx;
			// justify-content: space-between;
			align-items: center;

			.icon {
				display: flex;
				flex-direction: column;
				align-items: center;
				margin-right: 60upx;
				width: 170upx;

				// border: 1px solid green;

				.iconimage {
					width: 70upx;
					height: 70upx;

					image {
						width: 100%;
						height: 100%;
					}
				}

				.icontext {
					color: #323233;
					font-size: 24upx;
					line-height: 60upx;
					overflow: hidden;

				}
			}

			.taskModle {
				display: flex;
				flex: 1;
				justify-content: space-between;
				align-items: center;

				.taskCompany {
					display: flex;
					height: 100%;

					flex-direction: column;


					color: rgb(153, 153, 153);
					font-size: 24upx;

					>view {
						// flex: 1;
						line-height: 38upx;
						// white-space: nowrap;
						// overflow: hidden;
						// text-overflow: ellipsis;
						max-width: 460px;
					}



				}

				.taskStatus {
					color: #1c52de;
					font-size: 24upx;
				}
			}


		}
	}

	/// 巡查整改人员流程
	// 文件
	// .fileList {
	// 	padding: 0px 15px;
	// 	background-color: #fff;
	// }

	// .box {
	// 	width: 100%;
	// 	display: flex;
	// 	flex-wrap: wrap;

	// 	.file {
	// 		height: 260upx;
	// 		width: 22.8%;
	// 		display: flex;
	// 		flex-direction: column;
	// 		margin-right: 20upx;
	// 		margin-top: 10px;

	// 		image {
	// 			width: 100%;
	// 			margin: 0 auto;
	// 		}

	// 		.text {
	// 			font-size: 14px;
	// 			width: 160upx;
	// 			display: block;
	// 			height: 65px;
	// 			color: #1b2c79;
	// 			line-height: 35px;
	// 			text-align: center;
	// 			overflow: hidden;
	// 			text-overflow: ellipsis;
	// 			white-space: nowrap;
	// 		}
	// 	}
	// }

	// .file:nth-child(4n) {
	// 	margin-right: 0px;
	// }

	// 文件
	// 检查发现问题
	// .selectHiddenList {

	// 	flex: 1;
	// 	margin: 0 30upx 30upx;

	// 	overflow: hidden;
	// 	overflow-y: auto;

	// }

	// .hiddenContent {
	// 	display: flex;
	// 	justify-content: space-between;
	// 	width: 100%;
	// }

	// .fNodeno {
	// 	color: #323233;
	// 	font-size: 32upx;
	// }

	// .fTraplevel {
	// 	color: #969799;
	// 	font-size: 28upx;
	// }

	// .fNodename {
	// 	width: 78%;
	// 	color: #969799;
	// 	font-size: 28upx;
	// }

	// .hiddenTh {
	// 	width: 100%;
	// 	margin: 20upx 0;
	// 	background-color: #fff;
	// 	padding: 15upx;
	// 	line-height: 1.8;
	// }

	// 检查发现问题
</style>
